	<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>账户余额</title>
    <style>
        body{ width: 100%; margin: 0; padding: 0; font-family: '微软雅黑';}
		body p{ color:#949494; font-size:14px; padding-left:10px;}
        input::-ms-input-placeholder{text-align: center;}
		.header{ text-align: center;background-color:#F7F6F4; color:#4D4C4A;border-bottom: 1px solid #4D4C4A;width: 100%; height: 40px; line-height: 40px;}
		.h-mid { width:100%; height:40px; float:left; text-align:center; color:#333; font-size:16px; line-height:45px; position:relative;}
		.h-mid span { color:#4D4C4A; font-size:12px;}
		.body{width:94%;padding-left:3%;padding-right:3%;padding-top:100px;}
		.info{border:1px solid #949494; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
		.pic{width:85px;}
		.img{position:relative;top:-50px;text-align:center;}
		.yue{text-align:center;position:relative;top:-30px; font-size:25px;font-weight:#4E4E4E; font-weight: bold;}
		.money{text-align:center;position:relative;top:-30px;font-size:45px;font-weight:bold;color:#FABB6B}
		.card{padding-left:15px;color:#949494;font-size:12px}
		.a{float:left;padding-bottom:10px}
		.detail{position:relative;right:5px;top:30px;float:right;width:60px;height:22px;border:1px solid #F9BC69; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;background-color:#F9BC69;font-size:14px;text-align:center;}
		.btn{width:100%;padding-top:10px;}
		.btn1{border:1px solid #FFAB00; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;background-color:#FFAB00;color:white;width:100%;height:35px;font-size:14px;text-align:center;line-height:230%}
		.btn2{border:1px solid #F06673; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;background-color:#F06673;width:100%;height:35px;font-size:14px;text-align:center;line-height:230%}
		.clearfix:after {content: " ";display: block;clear: both;height: 0;}
		.clearfix {zoom: 1;}
		a:link,a:visited,a:hover,a:active{text-decoration: none;color: white;}
    </style>
</head>
<body>
	<div class="header">
      	<div class="h-mid">
        	<span>账户余额</span>
      	</div>
    </div>
    <div class="body">
        	<div class="info">
            	<div class="img"><img src="images/knye_icon.png" class="pic"/></div>
                <div class="yue">卡内余额</div>
                <div class="money">145.50</div>
                <div class="card clearfix">
                	<div class="a"><span>卡片编号：A01005</span><br>
                    	<span>卡片类型：测试卡</span><br>
                    	<span>最近交易时间：2016-08-04 16:59:35</span><br></div>
                        <div class="detail"><a href="user_chuzhi.html">储值明细</a></div>
                </div>
            </div>
            <div class="btn">
            	<a href="#"><div class="btn1"/>充值</div></a>
            </div>
            <div class="btn">
                <a href="#"><div class="btn2"/>提现</div></a>
            </div>
    </div>
</body>
</html>